<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 图片元素和属性与属性值 
		    png jpj gif
			属性与属性值：出现元素前标记位置【多个用空格分开】
			 作用：修饰元素效果
			【必须】资源属性 src="路径+图全称"
			
			 路径：通过路径找到文件，表示：/  \
			 / 表示  上传至服务器  【推荐】
			 / 表示  下载到本地
			 ../  返回上一级
			   同一目录下  直接按照目录名+图片全称  √
			相对路径  ①相对于  执行网页文件  同一目录下  直接按照目录名+图片全称  √
			         ②相对于  执行网页文件  包含文件夹  返回上一步
			绝对路径 根据盘符查找文件
			         D:\学习\web-project\front-end-12\Day01\html\html5\htm
			 
			
		    alt标题属性  属性值：文本自定
			特点：用于解释图片，特点：网络问题、图片全称写错，提示
			title标题属性 属性值：文本自定
			用于解释图片，特点：鼠标移动上去提示
		
		-->
		<img src="img/1.png" alt="喜羊羊" width="200px" height="200px" />
		<img src="img/2.jpg" title="Hello Kitty" width="200px" height="200px" />
		<img src="img/3.gif" alt="Kitty" title="Kitty" />
		
		<!-- 图片、音频、视频【文件类】使用机制类似  视频 video元素 
		视频video元素的属性与属性值：如果属性与属性值一致，删属性值
		 autoplay属性  自动播放一次
		 control属性   控制条
		 look属性      无限次播放
		音频 audio
		-->
		<video src="img/oceans-clip.mp4" autoplay controls look"></video>
		<audio src="img/dafengche.mp3" autoplay controls look></audio>
	</body>
</html>